import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Link} from 'react-router-dom'
import test from './test'
import morphSVG from './morphSVG'

class Shopping extends Component {
  constructor(props) {
    super(props)

    this.state = {
      close: true
    }
  }

  componentDidMount() {
    this.init()
  }

  init () {
    
  }



  render() {
    return (
      <Router>
        <div>
          <ul>
            <li><Link to="/">首页</Link></li>
            <li><Link to="/avgAnimation/test">svg简单示例</Link></li>
            <li><Link to="/avgAnimation/morphSVG">morphSVG</Link></li>
          </ul>

          <hr/>

          <Route path="/avgAnimation/test" component={test}/>
          <Route path="/avgAnimation/morphSVG" component={morphSVG}/>
        </div>
      </Router>
    )
  }
}

export default Shopping;
